<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>UserList</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <table class="table table-hover">
        <thead>
            <tr style="text-align: center">
                <th>userId</th>
                <th>Username</th>
                <th>Password</th>
                <th>DeptId</th>
                <th>Email</th>
                <th>Mobile</th>
                <th>Status</th>
                <th>Ssex</th>
                <th>Theme</th>
                <th>Avatar</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody>
        <tr th:each="users:${users}">
            <td th:text="${users.user_id}"></td>
            <td th:text="${users.username}"></td>
            <td th:text="${users.password}"></td>
            <td th:text="${users.dept_id}"></td>
            <td th:text="${users.email}"></td>
            <td th:text="${users.mobile}"></td>
            <td th:text="${users.status}"></td>
            <td th:text="${users.ssex}"></td>
            <td th:text="${users.theme}"></td>
            <td th:text="${users.avatar}"></td>
            <td th:text="${users.description}"></td>
        </tr>
        </tbody>
    </table>
</body>
</html>